﻿@model IEnumerable<Event_Planner.Models.EventosModels>


<script language="javascript">
    $(document).ready(function () {

        $.featureList(
				$("#tabs li a"),
				$("#output li"), {
				    start_item: 0
				}
			);
    });
</script>

<div id="content">
    <h2>Agenda de Enventos</h2>
 
    @if (Model.Count() == 0)
    {
     <p>No existen proximos eventos!!</p>
    }
    else
    {
		<p>Estos son los eventos que se vienen!!</p>

        <br />

    
		<div id="feature_list">
            <ul id="tabs">
           		@foreach (var item in Model)
             {
				    <li>
					     <a href="javascript:;">
						    <img src="../../Content/Images/Icono-Tab.png" />
						    <span>
                               Dia y hora: @Html.DisplayFor(modelItem => item.FechaFinalizacion) <br> Nombre: @Html.DisplayFor(modelItem => item.NombreEvento)
                            </span>
					      </a>
				    </li>
             }
			</ul>
			<ul id="output">
            @foreach (var item in Model)
            {
				<li >
                    <a href="/Eventos/DetailsPublico/@item.ID"> 
                    <img src = @item.ImagenDelEvento  />
                    </a>
    			</li>
            } 
			</ul>
   
		</div>
    }
   
</div>
